.jp-collapse-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;

  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #F1F1F1;

  &.jp-collapse-item-has-title {

  }

  .jp-collapse-item-tile {
    font-size: 16px;
    color: #4E4E4E;
    font-weight: 500;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
  }

  .jp-collapse-item-cover {
    cursor: pointer;
    width: 160px;
    aspect-ratio: 17 / 24;
    display: block;

    .ant-image {
      width: 100%;
      height: 100%;
      display: block;

      .ant-image-img {
        width: 100%;
        height: 100%;
        display: block;
      }
    }
  }

  .jp-collapse-item-content {
    width: 100%;
    padding: 12px 6px;
  }

  .jp-collapse-item-name-wrapper {
    display: flex;
    justify-content: space-between;
    //align-items: center;

    .jp-collapse-item-name {
      cursor: pointer;
      font-weight: 400;
      font-size: 14px;
      color: #4E4E4E;
    }

  }
}
